<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

    <button class="layui-btn layui-btn-danger" onclick="delAll()">
        <i class="layui-icon">&#xe640;</i>批量删除
    </button>
    <button class="layui-btn" onclick="park_add('添加车位','park_add.html','1000','600')">
        <i class="layui-icon">&#xe608;</i>添加
    </button>
    <!-- <span class="x-right" style="line-height:40px">共有数据：<span class="layui-badge">4</span> 条</span></xblock> -->
    <table class="layui-table"  id="app"></table>
    <div id="page" style="z-index: 999;"></div>
</body>


<script type="text/html" id="barDemo">
    <a title="编辑" href="javascript:;" onclick="park_edit('编辑','park_add.html','2','','510')"
       class="ml-5" style="text-decoration:none">
        <i class="layui-icon">&#xe642;</i>
    </a>
    <a title="删除" href="javascript:;" onclick="park_del(this,'2')"
       style="text-decoration:none">
        <i class="layui-icon">&#xe640;</i>
    </a>
</script>


<script>
    layui.use(['laypage','table'], function() {
            var laypage = layui.laypage;//分页
            var table = layui.table;
            $ = layui.jquery;//jquery
            // okLoading.close($);

            //执行一个 table 实例
            table.render({
                elem: '#app'
                , height: 420
                , url: '../parking/find/' //数据接口
                // ,url: '../demo/table/user/-page=1&limit=20.js' //数据接口
                , title: '用户表'
                , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
                , totalRow: true //开启合计行
                // ,page:{
                //   /*  elem: 'page' //分页容器的id*/
                //     // ,
                //     count: 230 //数据总数
                //     ,limit: 10 //每页显示的数据条数
                //     ,skin: '#1E9FFF' //自定义选中色值
                //     ,layout: ['prev', 'page', 'next', 'count', 'limit', 'refresh', 'skip'] //自定义排版
                //     ,jump: function(obj, first){
                //         if(!first){
                //             layer.msg('第'+ obj.curr +'页', {offset: 'b'});
                //         }
                //     }
                // }
                , count: 1000 //数据总数
                , limit: 10 //每页显示的数据条数
                // , page: true
                , cols: [
                    [
                    {type: 'checkbox'}
                    , {field: 'id', title: 'ID', sort: true, align: "center"}
                    , {field: 'cname', title: '所属小区', align: "center"}
                    , {field: 'code', title: '车位编号', sort: true, align: "center"}
                    , {field: 'name', title: '车位名称', sort: true, align: "center"}
                    , {
                        field: 'createTime', title: '创建时间', sort: true, align: "center", templet: function (res) {
                            return layui.util.toDateString(res.createTime, 'yyyy-MM-dd HH:mm:ss')
                        }
                    }
                    , {
                        field: "status", title: "状态", align: "center", templet: function (res) {
                            if (res.status == "闲置中") {
                                return '<span class="layui-btn layui-btn-danger" >' + res.status + '</span>'
                            } else {
                                return '<span class="layui-btn layui-btn-normal" >' + res.status + '</span>'
                            }
                        }
                    }
                    // ,{field: 'status', title: '状态',toolbar:"#statusDemo" ,align:"center"}
                    , {field: 'sign', title: '操作', toolbar: "#barDemo", align: "center"}
                ]
                    ]
            });

            laypage.render({
                elem: 'page' //分页容器的id
                , count: 1000 //数据总数
                , limit: 10 //每页显示的数据条数
                , skin: '#1E9FFF' //自定义选中色值
                , layout: ['prev', 'page', 'next', 'count', 'limit', 'refresh', 'skip'] //自定义排版
                , jump: function (obj, first) {
                    if (!first) {
                        layer.msg('第' + obj.curr + '页', {offset: 'b'});
                    }
                }
            });
        })
        </script>
</html>